<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div class="fixed-top" th:fragment="topbar">
    <div class="navbar-area">
        <!-- mobile menu -->
        <div class="mobile-nav">
            <a th:href="@{/toIndex}" class="logo">
                <img th:src="@{assets/images/logo.png}" alt="logo">
            </a>
        </div>
        <!-- desktop menu -->
        <div class="main-nav">
            <div class="container-fluid">
                <nav class="navbar navbar-expand-md navbar-light">
                    <a class="navbar-brand" th:href="@{/toIndex}">
                        <img th:src="@{assets/images/a2.jpg}" alt="logo">
                    </a>
                    <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                        <ul class="navbar-nav ml-auto">

                            <li class="nav-item">
                                <a th:href="@{/toIndex}" class="nav-link ">首页</a>
                            </li>
                            <li class="nav-item">
                                <a th:href="@{/toAddProduct}" class="nav-link">新增存款产品</a>
                            </li>
                        </ul>
                    </div>
                    <div class="navbar-option">
                        <div class="navbar-option-item">
                            <a th:href="@{/logout}" class="btn1 orange-gradient btn-with-image">
                                <i class="flaticon-login"></i>
                                <i class="flaticon-login"></i><font style="vertical-align: inherit;">
                                退出登录
                            </font></a>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="fixed-top" th:fragment="clienttop">
    <div class="navbar-area">
        <!-- desktop menu -->
        <div class="main-nav">
            <div class="container-fluid">
                <nav class="navbar navbar-expand-md navbar-light">
                    <a class="navbar-brand" th:href="@{/toClientIndex}">
                        <img th:src="@{assets/images/a2.jpg}" alt="logo">
                    </a>
                    <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
                        <ul class="navbar-nav ml-auto">

                            <li class="nav-item">
                                <a th:href="@{/toClientIndex}" class="nav-link ">首页</a>
                            </li>
                            <li class="nav-item">
                                <a th:href="@{/toProductManage}" class="nav-link">产品管理</a>
                            </li>
                            <li class="nav-item">
                                <a th:href="@{/toPersonal}" class="nav-link">个人中心</a>
                            </li>
                            <li class="nav-item">
                                <a th:href="@{/toContact}" class="nav-link">联系我们</a>
                            </li>
                        </ul>
                    </div>
                    <div class="navbar-option">
                        <div class="navbar-option-item">
                            <a th:href="@{/logout}" class="btn1 orange-gradient btn-with-image">
                                <i class="flaticon-login"></i>
                                <i class="flaticon-login"></i><font style="vertical-align: inherit;">
                                退出登录
                            </font></a>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</div>

<footer class="footer-bg overflow-hidden" th:fragment="footer">
    <div class="home-footer-bg-circle">
        <div class="home-footer-circle-item">
            <img th:src="@{assets/images/lg-circle-1.png}" alt="circle">
        </div>
    </div>
    <div class="container">
        <div class="footer-upper">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-4">
                    <div class="footer-content-item">
                        <div class="footer-logo">
                            <a th:href="@{/toIndex}"><img th:src="@{assets/images/a1.jpg}" alt="logo"></a>
                        </div>
                        <div class="footer-details">
                            <p>让银行成为一种随时可得的服务 </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4 col-lg-2">
                    <div class="footer-content-list footer-content-item">
                        <div class="footer-content-title">
                            <h3>关于我们</h3>
                        </div>
                        <ul class="footer-details footer-list">
                            <li><a href="faqs.html">银行简介</a></li>
                            <li><a href="privacy-policy.html">发展历程</a></li>
                            <li><a href="terms-conditions.html">职工动态</a></li>
                            <li><a href="blogs.html">精彩瞬间</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-4">
                    <div class="footer-content-list footer-content-item">
                        <div class="footer-content-title">
                            <h3>联系地址</h3>
                        </div>
                        <ul class="footer-details footer-list">
                            <li>地址: <span>湖南省长沙市</span></li>
                            <li>邮箱: <span><a href="mailto:info@alia.com">123456@qq.com</a></span></li>
                            <li>电话: <span><a href="tel:(+00)67834598">123456</a></span></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-lower">
            <div class="footer-lower-item footer-copyright-text">
                <p>2021 © Copyright 什么都队！ <a href="http://www.bootstrapmb.com/" target="_blank"></a></p>
            </div>
        </div>
    </div>
</footer>

</body>
</html>
